
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<link rel="stylesheet" type="text/css" href="../Another/Style/jquery-ui.css"/>
<script type="text/javascript" src="../Another/JQuery/jquery1.9.2.min.js"></script>
<script type="text/javascript" src="../Another/JQuery/jquery_ui.js"></script>


<link rel="stylesheet" type="text/css" href="../Another/Style/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="../Another/Style/bootstrap-responsive.css"/>

<script type="text/javascript" src="../Another/JQuery/bootstrap-transition.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-alert.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-modal.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-dropdown.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-scrollspy.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-tab.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-tooltip.js"></script>
<script type="text/javascript" src="../Another/JQuery/bootstrap-popover.js"></script>
<script type="text/javascript" src="../Another/JQuery/jquery.validate.js"></script>

<script type="text/javascript">
	  $(document).ready(function(){
			$('input').hover(function()
			{
			$(this).popover('show')
		});
			$("#registerHere").validate({
				rules:{
					HoTen:{
						required:true,
						maxlength: 50
					},
					Email:{
							required:true,
							email: true
						},
					DienThoai:{
						required:true,
						minlength: 10,
						maxlength: 11
					},
					
					captcha:{
						required:true
					},
					TieuDe:"required",
					
					NoiDung:{
						required:true,
						minlength: 50,
						
					},
				},
				messages:{
					HoTen:{
						required:"Nhập họ tên của bạn",
						maxlength:"Họ Tên của bạn không dài quá 50 kí tự"
					},
					Email:{
						required:"Nhập địa chỉ email của bạn",
						email:"Nhập địa chỉ email hợp lệ"
					},
					DienThoai:{
						required:"Nhập số điện thoại của bạn",
						minlength:"số diện thoại phải có tối thiểu 10 ký tự",
						maxlength:"số diện thoại của bạn dài quá 11 ký tự"
					},
					TieuDe:{
						required:"Nhập vào tiêu đề liên hệ"
						
					},
					captcha:{
						required:"Mã xác minh không được để trống",
						//equalTo:"Mã xác minh chưa đúng!"
					},
					NoiDung:{
						required:"Nhập vào nội dung liên hệ",
						minlength:"Nội dung phải có tối thiểu 50 ký tự"
						
					},
				},
				errorClass: "help-inline",
				errorElement: "span",
				highlight:function(element, errorClass, validClass) {
					$(element).parents('.control-group').addClass('error');
				},
				unhighlight: function(element, errorClass, validClass) {
					$(element).parents('.control-group').removeClass('error');
					$(element).parents('.control-group').addClass('success');
				}
			});
		});
</script>


  <div class="container">
  <div class="row">
  <div class="span8">
	<form class="form-horizontal" id="registerHere" method='post' action="../MyControl/lienhe.php">
	  <fieldset>
	    <legend>Liên Hệ</legend>
	    <div class="control-group">
	      <label class="control-label" for="input01">Họ Và Tên</label>
	      <div class="controls">
	        <input type="text" class="input-xlarge" id="HoTen" name="HoTen" rel="popover" />
	      </div>
	</div>
	
	 <div class="control-group">
		<label class="control-label" for="input01">Email</label>
	      <div class="controls">
	        <input type="text" class="input-xlarge" id="Email" name="Email" rel="popover" />
	      </div>
	</div>
	
	<div class="control-group">
		<label class="control-label" for="input01">Số Điện Thoại</label>
	      <div class="controls">
	        <input type="text" class="input-xlarge" id="DienThoai" name="DienThoai" rel="popover" />       
	      </div>
	</div>
		
	<div class="control-group">
		<label class="control-label" for="input01">Tiêu Đề</label>
	      <div class="controls">
	        <input type="text" class="input-xlarge" id="TieuDe" name="TieuDe" rel="popover" />	       
	      </div>
	</div>
	
    <div class="control-group">
		<label class="control-label" for="input01">Nội Dung</label>
	      <div class="controls">
            <textarea name="NoiDung" class="input-xlarge" id="NoiDung" rel="popover"></textarea>	       
	      </div>
	</div>
    
    <div class="control-group">
 
		<label class="control-label" for="input01"></label>
	      <div class="controls">
          
	       <img src="../MyControl/captcha_code.php"/>
	       
	      </div>
	</div>
        	
   
    <div class="control-group">
		<label class="control-label" for="input01">Mã Xác Minh</label>
	      <div class="controls">
          
	        <input type="text" class="input-xlarge" id="captcha" name="captcha" rel="popover"/>
	       
	      </div>
	</div>
   
	<div class="control-group">
		<label class="control-label" for="input01"></label>
	      <div class="controls">
	       <button type="submit" class="btn btn-success" rel="tooltip" title="first tooltip" name="DangKyLienHe">Đăng Ký</button>
           &nbsp;
            &nbsp;
             &nbsp;
              &nbsp;
	        <button type="reset" class="btn btn-success" rel="tooltip" title="first tooltip">Nhập Lại</button>
	      </div>
			
	</div>
	</fieldset>
	</form>
   </div>
	
		</div>
          </div><!--/row-->
        </div><!--/span-->
      </div><!--/row-->

<?php
	if(isset($errors))
	{
		echo"<ul>";
		foreach($errors as $error)
		{
			echo"<li>$error</li>";
		}
		echo"</ul>";
	}
?>
